<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>${template.template!} 注册报名成功回执函</title>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/js/modules/h5/css/css.css">
    <script src="${request.contextPath}/statics/js/modules/h5/js/qrcode.js"></script>
    <script src="${request.contextPath}/statics/js/modules/h5/js/jquery.min.js"></script>
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

    <script type="text/javascript">


        function onBridgeReady() {
            WeixinJSBridge.call('hideOptionMenu');
        }

        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        } else {
            onBridgeReady();
        }

        var msg = "${msg!}";
        if(msg.length>0){
            alert(msg);
        }

        function shuaxin(){
            $.ajax({
                type: "POST",
                url: "bb?tid=${tid!}&ly=${ly!}&id=${ticket.id!}",
                contentType: "application/json",
                data:{},
                success: function(r){
                    document.getElementById("img1").src="/h5/createQrcode?id=${id!}&tid=${tid!}&ly=${ly!}&vip=0&content="+r;
                }
            });
        }

        function panduan(){
            $.ajax({
                type: "POST",
                url: "sign?tid=${tid!}&ly=${ly!}&id=${ticket.id!}",
                contentType: "application/json",
                data:{},
                success: function(r){
                    if(r.msg=='1'){

                        document.getElementById("img1").src="/statics/js/modules/h5/logo/shixiao.jpg";
                    }

                }
            });
        }

        setInterval(panduan, 1000);


        var validDate = "${validDate!}";
        var nowTime = "${nowTime!}";
        $(function() {
            shuaxin();
            if(validDate!=nowTime){
                //document.getElementById("img1").style.visibility="hidden";
                $("#img1").hide();
            }
            else{
                //document.getElementById("img2").style.visibility="hidden";
                $("#img2").hide();
            }

        })
    </script>
</head>

<body>

<input type="hidden" id="appId" />
<input type="hidden" id="timestamp" />
<input type="hidden" id="nonceStr" />
<input type="hidden" id="signature" />
<input type="hidden" id="link" />

<!--header start-->
<div class="header">
    <img src="/statics/js/modules/h5/logo/beer_t.jpg" class="img_pc"/>
    <img src="/statics/js/modules/h5/logo/beer_t.jpg" class="img"/>
</div>
<!--header end-->

<!--main start-->
<div class="main">
    <div class="wd_one">
        <h5>啤酒节门票</h5>
        <div class="img" align="center" id="qrcode">
            <img style="border:15px solid #ffffff;"  id="img1" >
            <img style="border:15px solid #ffffff;"  id="img2" src="/statics/js/modules/h5/logo/shixiao.jpg">
        </div>
        <div class="bottom">
            有效期：${validDate!}<br>
            座位号：${location!}
        </div>
    </div>
    <!--<div class="wd_desc">
        凭此二维码进啤酒节晚宴！
    </div>-->
    <ul class="wd_two" >
        <!--
        <li style="display:none">
            <a href="myyaoqing.aspx?id=${id!}">
                <img src="${request.contextPath}/statics/js/modules/h5/images/img9.png">
                我的邀请函<br>
                <span>Invitation</span>
            </a>
        </li>
        -->
        <#if (business.isman)??>
            <#if business.isman=='1'>
                <li style="">
                    <a href="${request.contextPath}/busi/more?id=${id!}&tid=${tid!}&ly=${ly!}" style="width: 92%;">
                        <img src="${request.contextPath}/statics/js/modules/h5/images/img10.png">添加同行
                    </a>
                </li>

                <li style="">
                    <a href="javascript:alert('近期开放，敬请期待......');">
                        <img src="${request.contextPath}/statics/js/modules/h5/images/img10.png">啤酒节门票入口
                    </a>
                </li>
            </#if>
        </#if>



    </ul>
</div>
<!--main end-->

<!--footer start-->
<footer>
    <img src="/statics/js/modules/h5/logo/beer_f.jpg" class="img_pc"/>
    <img src="/statics/js/modules/h5/logo/beer_f.jpg" class="img"/>
</footer>
<!--footer end-->

<style>
    /* 我的 wd */
    .wd_one{ float:left; width:80%;  background:#ffa200; border-radius:20px; margin:50px 10%;}
    .wd_one h5{ float:left; font-weight:normal; font-size:30px; font-weight: bold; letter-spacing:20px;margin:0px; line-height:76px; color:#fff; text-align:center; width:100%}
    .wd_one .img{ float:left; width:100%; text-align:center;}
    .wd_one .img img{ width:70%;}
    .wd_one .bottom{ float:left; width:100%; text-align:center; padding:15px 0px; color:#fff; font-size:24px; line-height:40px; letter-spacing:3px;}
    .wd_two{ float:left; width:100%; margin-left:0%; margin-bottom:20px;}
    .wd_two li{ float:left; width:42%; margin-left:30%; margin-bottom:25px;}
    .wd_two li a{ float:left; width:92%; padding-right:8%; text-align:center; border:1px solid ${template.colorBg!}; height:55px; border-radius:100px; border-left:0px; color:${template.colorBg!}; font-size:24px; line-height:22px; padding-top:15px; background:#E8E8E8;}
    .wd_two li a img{ float:left; margin-top:-16px;}
    .wd_two li a span{ font-size:13px;color:${template.colorBg!};}
    .wd_two li a.sel{ color:#fff; background:#2d889b}
    .wd_two li a.sel span{ color:#fff;}
    .wd_three{ float:left; width:100%; text-align:center; padding-bottom:15px; color:#2d889b; font-size:24px; padding-top:20px;}
    .txt_wd{ float:left; width:92%; border:1px solid #2d889b; border-radius:20px; padding:20px 4%; height:240px; line-height:40px; font-size:18px; color:#2d889b; margin-bottom:40px; outline:none;}
    .wd_desc{ float:left; width:100%; text-align:center; font-size:12px; line-height:20px; margin-top:-10px; margin-bottom:15px;}
    @media screen and (min-width: 768px) and (max-width: 992px) {/* 平板 */
        .wd_one{ width:60%; margin:30px 20%;}
        .wd_one h5{ letter-spacing:8px; font-size:14px; line-height:60px;}
        .wd_one .bottom{ font-size:20px; line-height:30px; padding:15px 0px;}
    }
    @media (max-width: 767px) {/* 手机 */
        .wd_one{ width:80%; margin:20px 10%;}
        .wd_one h5{ letter-spacing:4px; font-size:14px; line-height:40px;}
        .wd_one .bottom{ font-size:14px; line-height:20px; padding:6px 0px;}
        .wd_two li{ width:47%; margin:0px; margin-left:2%; margin-bottom:5px; padding:0px;}
        .wd_two li a{ height:42px; width:96%; padding-top:8px; font-size:14px; line-height:30px; padding-right:8%;}
        .wd_two li a img{ height:50px; margin-top:-8px;}
        .wd_two li a span{ font-size:12px;}
        .wd_three{ font-size:16px; padding-bottom:10px; padding-top:10px;}
        .txt_wd{ width:92%; padding:10px 4%; font-size:13px; line-height:24px; height:140px;}

        #qrcode img {
            border:15px solid #ffffff;
            text-align: center;
        }
    }
</style>

<!--统计代码-->
<div style="display:none">
    <script type="text/javascript" src="https://s5.cnzz.com/z_stat.php?id=1277709907&web_id=1277709907"></script>
</div>


</body>
</html>
